<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>奔马移动 web |  zfy的个人博客</title>
    <meta name="generator" content="VuePress 1.9.7">
    <link rel="icon" href="./img/Scorpio.png">
    <link rel="stylesheet" href="./css/style.css">
    <meta name="description" content="My tech blog">
    
    <link rel="preload" href="./assets/css/0.styles.cfdaa54c.css" as="style"><link rel="preload" href="./assets/js/app.7878252f.js" as="script"><link rel="preload" href="./assets/js/2.877879cc.js" as="script"><link rel="preload" href="./assets/js/10.a489e96f.js" as="script"><link rel="prefetch" href="./assets/js/11.f6f26a2f.js"><link rel="prefetch" href="./assets/js/12.8a827e29.js"><link rel="prefetch" href="./assets/js/13.e420b04a.js"><link rel="prefetch" href="./assets/js/14.52f00cc6.js"><link rel="prefetch" href="./assets/js/15.ef68d553.js"><link rel="prefetch" href="./assets/js/16.c2999dfd.js"><link rel="prefetch" href="./assets/js/17.0adb748c.js"><link rel="prefetch" href="./assets/js/18.2c077020.js"><link rel="prefetch" href="./assets/js/19.013b5e02.js"><link rel="prefetch" href="./assets/js/20.bb3b854e.js"><link rel="prefetch" href="./assets/js/21.28efc78c.js"><link rel="prefetch" href="./assets/js/22.4a1d71dd.js"><link rel="prefetch" href="./assets/js/23.605a5451.js"><link rel="prefetch" href="./assets/js/24.66bf035d.js"><link rel="prefetch" href="./assets/js/25.fbe72655.js"><link rel="prefetch" href="./assets/js/26.3f374d1f.js"><link rel="prefetch" href="./assets/js/27.556ea617.js"><link rel="prefetch" href="./assets/js/28.0cab868b.js"><link rel="prefetch" href="./assets/js/29.564f8747.js"><link rel="prefetch" href="./assets/js/3.4cfb1b9c.js"><link rel="prefetch" href="./assets/js/30.c4a099d1.js"><link rel="prefetch" href="./assets/js/31.7fbc3d2a.js"><link rel="prefetch" href="./assets/js/32.8f356b20.js"><link rel="prefetch" href="./assets/js/33.b5a1b0bb.js"><link rel="prefetch" href="./assets/js/34.57086c2e.js"><link rel="prefetch" href="./assets/js/35.2b4d0231.js"><link rel="prefetch" href="./assets/js/36.a99f6d64.js"><link rel="prefetch" href="./assets/js/37.eb25dcef.js"><link rel="prefetch" href="./assets/js/38.e45d8594.js"><link rel="prefetch" href="./assets/js/39.213e3a72.js"><link rel="prefetch" href="./assets/js/4.b86a0fbe.js"><link rel="prefetch" href="./assets/js/40.cadafdd6.js"><link rel="prefetch" href="./assets/js/41.23b0f26d.js"><link rel="prefetch" href="./assets/js/42.7c2b83c6.js"><link rel="prefetch" href="./assets/js/43.62f328ea.js"><link rel="prefetch" href="./assets/js/44.c4dfbd34.js"><link rel="prefetch" href="./assets/js/45.cde5bb22.js"><link rel="prefetch" href="./assets/js/46.6c62bdb8.js"><link rel="prefetch" href="./assets/js/47.4857766a.js"><link rel="prefetch" href="./assets/js/48.55a0cccc.js"><link rel="prefetch" href="./assets/js/49.3dceda91.js"><link rel="prefetch" href="./assets/js/5.13776f82.js"><link rel="prefetch" href="./assets/js/50.ab4d52fa.js"><link rel="prefetch" href="./assets/js/51.69ccc35a.js"><link rel="prefetch" href="./assets/js/52.01f3f711.js"><link rel="prefetch" href="./assets/js/53.c146a1ff.js"><link rel="prefetch" href="./assets/js/54.71ce70c2.js"><link rel="prefetch" href="./assets/js/55.98ef481d.js"><link rel="prefetch" href="./assets/js/56.b23daa51.js"><link rel="prefetch" href="./assets/js/57.6aa314ad.js"><link rel="prefetch" href="./assets/js/58.7d6367d9.js"><link rel="prefetch" href="./assets/js/59.88894cf5.js"><link rel="prefetch" href="./assets/js/6.93d89692.js"><link rel="prefetch" href="./assets/js/60.111f9a04.js"><link rel="prefetch" href="./assets/js/61.add82aab.js"><link rel="prefetch" href="./assets/js/62.8bfac830.js"><link rel="prefetch" href="./assets/js/63.db44a5ca.js"><link rel="prefetch" href="./assets/js/64.0244f0ef.js"><link rel="prefetch" href="./assets/js/65.2be994de.js"><link rel="prefetch" href="./assets/js/66.c5066e37.js"><link rel="prefetch" href="./assets/js/67.c11b474b.js"><link rel="prefetch" href="./assets/js/68.276bdc3e.js"><link rel="prefetch" href="./assets/js/69.f5f39d50.js"><link rel="prefetch" href="./assets/js/7.ca9f7e96.js"><link rel="prefetch" href="./assets/js/70.e3ca02b0.js"><link rel="prefetch" href="./assets/js/71.befcf8f7.js"><link rel="prefetch" href="./assets/js/72.04fabafd.js"><link rel="prefetch" href="./assets/js/73.e5b707f2.js"><link rel="prefetch" href="./assets/js/74.b5668150.js"><link rel="prefetch" href="./assets/js/75.eb7cfac9.js"><link rel="prefetch" href="./assets/js/76.c1b76370.js"><link rel="prefetch" href="./assets/js/77.5875e953.js"><link rel="prefetch" href="./assets/js/78.a5e2fa5b.js"><link rel="prefetch" href="./assets/js/79.eb2d51a7.js"><link rel="prefetch" href="./assets/js/8.570c39ea.js"><link rel="prefetch" href="./assets/js/80.7252ac50.js"><link rel="prefetch" href="./assets/js/81.eb980d26.js"><link rel="prefetch" href="./assets/js/82.9e069d8f.js"><link rel="prefetch" href="./assets/js/83.8c5a6dc6.js"><link rel="prefetch" href="./assets/js/84.26baaa09.js"><link rel="prefetch" href="./assets/js/85.96bc7e77.js"><link rel="prefetch" href="./assets/js/86.9c9dd1ca.js"><link rel="prefetch" href="./assets/js/87.d54639b8.js"><link rel="prefetch" href="./assets/js/88.3d3ae1e1.js"><link rel="prefetch" href="./assets/js/89.a81caa83.js"><link rel="prefetch" href="./assets/js/9.7a58df3d.js"><link rel="prefetch" href="./assets/js/90.c3c347ed.js"><link rel="prefetch" href="./assets/js/91.b6240032.js"><link rel="prefetch" href="./assets/js/92.8331718a.js"><link rel="prefetch" href="./assets/js/93.ca174cfa.js"><link rel="prefetch" href="./assets/js/94.fec3300c.js"><link rel="prefetch" href="./assets/js/95.076b06fb.js"><link rel="prefetch" href="./assets/js/96.8ed8b32f.js">
    <link rel="stylesheet" href="./assets/css/0.styles.cfdaa54c.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/./" class="home-link router-link-active"><!----> <span class="site-name"> zfy的个人博客</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="http://127.0.0.1:3002/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  自由博客板块
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="http://zfyangelo.gitee.io/yu-weather-web-show/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  天气预报
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="/./guide/" class="nav-link">
  个人的学习笔记
</a></div><div class="nav-item"><a href="/./baodian/interview/" class="nav-link router-link-active">
  项目及在校经历
</a></div><div class="nav-item"><a href="/./baodian/talk/" class="nav-link">
  爱好和联系方式
</a></div><div class="nav-item"><a href="https://gitee.com/zfyangelo" target="_blank" rel="noopener noreferrer" class="nav-link external">
  我的gitee
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="http://127.0.0.1:3002/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  自由博客板块
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="http://zfyangelo.gitee.io/yu-weather-web-show/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  天气预报
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="/./guide/" class="nav-link">
  个人的学习笔记
</a></div><div class="nav-item"><a href="/./baodian/interview/" class="nav-link router-link-active">
  项目及在校经历
</a></div><div class="nav-item"><a href="/./baodian/talk/" class="nav-link">
  爱好和联系方式
</a></div><div class="nav-item"><a href="https://gitee.com/zfyangelo" target="_blank" rel="noopener noreferrer" class="nav-link external">
  我的gitee
  <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>我的项目</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/./baodian/interview/notes/网易云音乐仿写移动web.html" class="sidebar-link">网易云音乐仿写</a></li><li><a href="/./baodian/interview/notes/奔马移动web.html" class="active sidebar-link">奔马移动web：仿旅游APP</a></li><li><a href="/./baodian/interview/notes/商城uni-app.html" class="sidebar-link">商城项目：uni-app</a></li><li><section class="sidebar-group collapsable is-sub-group depth-1"><p class="sidebar-heading"><span></span> <span class="arrow right"></span></p> <!----></section></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="奔马移动-web"><a href="#奔马移动-web" class="header-anchor">#</a> 奔马移动 web</h1> <h4 id="介绍"><a href="#介绍" class="header-anchor">#</a> 介绍</h4> <p>奔马 APP</p> <h4 id="软件架构"><a href="#软件架构" class="header-anchor">#</a> 软件架构</h4> <p>```</p> <p>Travel</p> <p>├─ .babelrc</p> <p>├─ .editorconfig</p> <p>├─ .eslintignore</p> <p>├─ .eslintrc.js</p> <p>├─ .git</p> <p>│ ├─ COMMIT_EDITMSG</p> <p>│ ├─ config</p> <p>│ ├─ description</p> <p>│ ├─ HEAD</p> <p>│ ├─ hooks</p> <p>│ │ ├─ applypatch-msg.sample</p> <p>│ │ ├─ commit-msg.sample</p> <p>│ │ ├─ fsmonitor-watchman.sample</p> <p>│ │ ├─ post-update.sample</p> <p>│ │ ├─ pre-applypatch.sample</p> <p>│ │ ├─ pre-commit.sample</p> <p>│ │ ├─ pre-merge-commit.sample</p> <p>│ │ ├─ pre-push.sample</p> <p>│ │ ├─ pre-rebase.sample</p> <p>│ │ ├─ pre-receive.sample</p> <p>│ │ ├─ prepare-commit-msg.sample</p> <p>│ │ ├─ push-to-checkout.sample</p> <p>│ │ └─ update.sample</p> <p>│ ├─ index</p> <p>│ ├─ info</p> <p>│ │ └─ exclude</p> <p>│ ├─ logs</p> <p>│ │ ├─ HEAD</p> <p>│ │ └─ refs</p> <p>│ │ ├─ heads</p> <p>│ │ │ └─ master</p> <p>│ │ └─ remotes</p> <p>│ │ └─ origin</p> <p>│ │ └─ master</p> <p>│ ├─ objects</p> <p>│ │ ├─ 00</p> <p>│ │ │ └─ d3a74d1f04dd2b46d20ae4c82f0cb7804a7982</p> <p>│ │ ├─ 07</p> <p>│ │ │ ├─ 0ae221f3f3fda5e43ac6ec7c53dd29574d504d</p> <p>│ │ │ ├─ 0af9986a5a2814bd396884592a3959ed3a3ea1</p> <p>│ │ │ └─ 67b19833486e2c4ede2064e60f5689e9e05112</p> <p>│ │ ├─ 0f</p> <p>│ │ │ └─ 725cc3708bc2cef7379f81918622e6a4fe9dbf</p> <p>│ │ ├─ 11</p> <p>│ │ │ └─ 2a60b8a81ff832414eb3de20114a6ee40f2a4a</p> <p>│ │ ├─ 18</p> <p>│ │ │ └─ d72eac7c319bbc591183053281380ec30b6edb</p> <p>│ │ ├─ 1b</p> <p>│ │ │ └─ 9bd9c3e28078bc7266328fc2d3ee452ebb1d52</p> <p>│ │ ├─ 1c</p> <p>│ │ │ └─ 4ed74874acf48aca41aefef846fe2603ff1745</p> <p>│ │ ├─ 1e</p> <p>│ │ │ └─ 22973ae71e949faa15f7a8ab392786918fb22d</p> <p>│ │ ├─ 1f</p> <p>│ │ │ └─ 153f9497cd57b389b020d23518d09e7fa44ae9</p> <p>│ │ ├─ 24</p> <p>│ │ │ └─ 117062a0c413835640be330dd8f82addc15568</p> <p>│ │ ├─ 28</p> <p>│ │ │ ├─ 2ce6174e37209dbb582e16ccfe4a3e4ddab5f1</p> <p>│ │ │ └─ e4146bef34b0514e7c5b462b26b43fefba62e3</p> <p>│ │ ├─ 2d</p> <p>│ │ │ └─ 706244eee73160c6eb4753bce6f5531f32b6ef</p> <p>│ │ ├─ 2e</p> <p>│ │ │ └─ 00099f23777f6fbce22505ab5c1f048215ae39</p> <p>│ │ ├─ 30</p> <p>│ │ │ └─ 4a946e05a29fd4defbf824b2faed01061bf3b0</p> <p>│ │ ├─ 33</p> <p>│ │ │ └─ ed58bc0afcb7e28e81762dea765aca5d47b801</p> <p>│ │ ├─ 37</p> <p>│ │ │ ├─ 21971b2aab02e53967971d45abfbfb12b7ea1a</p> <p>│ │ │ └─ 2d374198b219c7b2ae7a64e5dda19c4920b99f</p> <p>│ │ ├─ 3e</p> <p>│ │ │ ├─ ae842a0ac8f195637ad8e3c3a457b998d3c03f</p> <p>│ │ │ └─ f972a08dd51db2cf6c1b5d7f145a5149463e12</p> <p>│ │ ├─ 42</p> <p>│ │ │ └─ 1b0b76960df49317b71d299e22c676cd2cc26e</p> <p>│ │ ├─ 48</p> <p>│ │ │ └─ 15575f229724d044063ac81d42687c70df8f21</p> <p>│ │ ├─ 4a</p> <p>│ │ │ └─ 9d02428848084db5a31dcb28babef8fd33e147</p> <p>│ │ ├─ 4c</p> <p>│ │ │ └─ 2f7514dfa10d2d88233cb39bda668bf7067f48</p> <p>│ │ ├─ 51</p> <p>│ │ │ ├─ 78c277b90027c71c1675cd1322cd3bf50fe482</p> <p>│ │ │ └─ 799fdd4759f8701266e81a8c6630ef89edb195</p> <p>│ │ ├─ 52</p> <p>│ │ │ └─ c6c26668bd816a8c7d3740a109178d574483b4</p> <p>│ │ ├─ 54</p> <p>│ │ │ └─ 1a820f6c59178661b11167ef8b683afdd678c7</p> <p>│ │ ├─ 5d</p> <p>│ │ │ └─ 686e6870e238fe72d74d0aa549dce8e1397ad6</p> <p>│ │ ├─ 67</p> <p>│ │ │ └─ 370424a7381a08346b873aa6c8eda5af47fb6a</p> <p>│ │ ├─ 69</p> <p>│ │ │ └─ 648db4fe4aa5c0552fe1134fe76fbf3bd145dd</p> <p>│ │ ├─ 6e</p> <p>│ │ │ └─ 56b39bb77cfd6654c48108e8ccfa08c0e96d62</p> <p>│ │ ├─ 73</p> <p>│ │ │ └─ 3c71b78e8f5fba8b2b74bcd617166825847595</p> <p>│ │ ├─ 77</p> <p>│ │ │ └─ c72c4df43e0611ef78d700049dafb28d373eb8</p> <p>│ │ ├─ 7a</p> <p>│ │ │ ├─ 026d29081e0ebd109a556dab0cd98e47096f7b</p> <p>│ │ │ └─ 202ca3537d8bf79a1b3a949b72798e0e5fad72</p> <p>│ │ ├─ 87</p> <p>│ │ │ └─ dcd4a9fd26098c3c81e15d16b8b1d9473eb8c2</p> <p>│ │ ├─ 88</p> <p>│ │ │ └─ 948377f9816583b843370011ec7a4f585bcc7c</p> <p>│ │ ├─ 8e</p> <p>│ │ │ └─ 4315bdf61c5f43fe2265a0bb1b57b697c8f24b</p> <p>│ │ ├─ 8f</p> <p>│ │ │ ├─ 2ad8ad496a6a0cfba4ea7f90a7b8a3f1f30d6c</p> <p>│ │ │ └─ 6ca18bf4f7c3a29491809fe60b4fedbb241637</p> <p>│ │ ├─ 90</p> <p>│ │ │ ├─ 804069cea69eafb27fa41d459c8d62cd50602f</p> <p>│ │ │ └─ 948e1f08c40db48d2b4347a4a049e8d067c98b</p> <p>│ │ ├─ 91</p> <p>│ │ │ └─ 799dfa5669516d2d3d226a451db4c4b2ffc017</p> <p>│ │ ├─ 93</p> <p>│ │ │ └─ af562fd4674054eb8f5c0c15f96ec62af8d34e</p> <p>│ │ ├─ 9d</p> <p>│ │ │ ├─ 020f4dc44efbdaa2604d9c5912873839c057e0</p> <p>│ │ │ └─ 08a1a828a3bd2d60de3952744df29f9add27fa</p> <p>│ │ ├─ 9e</p> <p>│ │ │ └─ 08481e90960a23e12550bd061dd964c69bbabc</p> <p>│ │ ├─ a3</p> <p>│ │ │ ├─ 021c553e5c591888f6ecdb5369c467239ac0d9</p> <p>│ │ │ └─ 5a31612e70033d04c3532530d41fb4c7212f48</p> <p>│ │ ├─ a6</p> <p>│ │ │ └─ f997616eff680e4b2d437e7f31de2cadbfa1de</p> <p>│ │ ├─ a7</p> <p>│ │ │ └─ 95416f6aab254804c211d6bbe369ae97d0d7af</p> <p>│ │ ├─ ab</p> <p>│ │ │ └─ 8a923cf88a80d891a9f8173bf1bd660c9bc720</p> <p>│ │ ├─ b1</p> <p>│ │ │ └─ 171b455d38346b3b4ba0bd0394be9203f52ed7</p> <p>│ │ ├─ b2</p> <p>│ │ │ └─ fae37983de73952f666ca9e8e2925242f5eb6e</p> <p>│ │ ├─ b5</p> <p>│ │ │ ├─ 2f4f74f987cb60e3acde1f12e7682db673d2da</p> <p>│ │ │ └─ df29aaf1e131060ab244e2aa15f88717e30144</p> <p>│ │ ├─ b8</p> <p>│ │ │ └─ d833c25977236c14cca256e84ee69d81424455</p> <p>│ │ ├─ b9</p> <p>│ │ │ └─ ce1a592dcf9bd664b41d9f128d4fb0ca891ff6</p> <p>│ │ ├─ ba</p> <p>│ │ │ └─ 64827e45663d8d853b53697a46e0098012b15a</p> <p>│ │ ├─ bd</p> <p>│ │ │ └─ f54dc1cce0592a8aef940eb6df8fec3b0ea733</p> <p>│ │ ├─ c0</p> <p>│ │ │ └─ 8e015ac1cbab60bddd2176c80d8780dddc1bd3</p> <p>│ │ ├─ c1</p> <p>│ │ │ └─ 14549d0b2b8ae4403810f70a60f0e817532e76</p> <p>│ │ ├─ c2</p> <p>│ │ │ └─ a729aefd6e8d9384b3bc21497d4dca91ab1747</p> <p>│ │ ├─ c4</p> <p>│ │ │ └─ dbd38e08ab1bbd7dd63b33d4ab010403a1ff25</p> <p>│ │ ├─ cc</p> <p>│ │ │ └─ 2b66f63a5d9365e0fd2c50e27048aff6d06f59</p> <p>│ │ ├─ cd</p> <p>│ │ │ └─ 842aa0354bd6d6cb8711926b0af9863061c1f2</p> <p>│ │ ├─ cf</p> <p>│ │ │ └─ fb0ad3af0f8d771054ddf102166795f4b52b0e</p> <p>│ │ ├─ d3</p> <p>│ │ │ └─ 2ae7aa29f19ed89b4a6c357bf483fd335e43f9</p> <p>│ │ ├─ d8</p> <p>│ │ │ └─ f5188e0b7184c6ba9cb84120f14067f2b9d4c8</p> <p>│ │ ├─ d9</p> <p>│ │ │ └─ f99f65a5dbd8c8e69561b73168440c461f2a1e</p> <p>│ │ ├─ df</p> <p>│ │ │ └─ e83d3560762c7c714d2f0854bcc64d8e5afa7a</p> <p>│ │ ├─ e1</p> <p>│ │ │ └─ 66bbcbf04c3c2e2e5d42fde416b120590b2940</p> <p>│ │ ├─ e3</p> <p>│ │ │ └─ 342c89fb4f5df0df8e0f549c8d7e101b69c17d</p> <p>│ │ ├─ e4</p> <p>│ │ │ └─ 308fc7e995b0d9110b014c5d48f35724ca0ab8</p> <p>│ │ ├─ e6</p> <p>│ │ │ ├─ 350e90d4ecf2986a2f214498bf12a632990f7c</p> <p>│ │ │ └─ 9de29bb2d1d6434b8b29ae775ad8c2e48c5391</p> <p>│ │ ├─ e9</p> <p>│ │ │ └─ 01c6a16b143192146c2bf429fdbb4b2e690dcd</p> <p>│ │ ├─ ec</p> <p>│ │ │ └─ 6ee6565cbe58493683371abe4175a912060726</p> <p>│ │ ├─ ed</p> <p>│ │ │ ├─ ad11cd57523574b6ff284a69b0cdc785ecf5dd</p> <p>│ │ │ └─ db6b3e6c7a3145cbb74218f862774b5c3f3c51</p> <p>│ │ ├─ ee</p> <p>│ │ │ └─ e3e92d7fa6cc132a69a8018b1eb0fa1fdbd56c</p> <p>│ │ ├─ ef</p> <p>│ │ │ └─ c840109c79a9d894dcdef687c9bbdcc8ab35a7</p> <p>│ │ ├─ f9</p> <p>│ │ │ └─ 4d1e2b399d306a101e5743d67bd056194f18ad</p> <p>│ │ ├─ fe</p> <p>│ │ │ └─ 1abc3c9c92e67620c91092ab5ed311a327d757</p> <p>│ │ ├─ ff</p> <p>│ │ │ └─ a0fe2fefe412188d2eedfbe3196cbfe10593cb</p> <p>│ │ ├─ info</p> <p>│ │ └─ pack</p> <p>│ └─ refs</p> <p>│ ├─ heads</p> <p>│ │ └─ master</p> <p>│ ├─ remotes</p> <p>│ │ └─ origin</p> <p>│ │ └─ master</p> <p>│ └─ tags</p> <p>├─ .gitignore</p> <p>├─ .postcssrc.js</p> <p>├─ build</p> <p>│ ├─ build.js</p> <p>│ ├─ check-versions.js</p> <p>│ ├─ utils.js</p> <p>│ ├─ vue-loader.conf.js</p> <p>│ ├─ webpack.base.conf.js</p> <p>│ ├─ webpack.dev.conf.js</p> <p>│ └─ webpack.prod.conf.js</p> <p>├─ config</p> <p>│ ├─ dev.env.js</p> <p>│ ├─ index.js</p> <p>│ └─ prod.env.js</p> <p>├─ index.html</p> <p>├─ LICENSE</p> <p>├─ package-lock.json</p> <p>├─ package.json</p> <p>├─ src</p> <p>│ ├─ App.vue</p> <p>│ ├─ assets</p> <p>│ │ ├─ styles</p> <p>│ │ │ ├─ border.css</p> <p>│ │ │ ├─ iconfont</p> <p>│ │ │ │ ├─ iconfont.eot</p> <p>│ │ │ │ ├─ iconfont.svg</p> <p>│ │ │ │ ├─ iconfont.ttf</p> <p>│ │ │ │ └─ iconfont.woff</p> <p>│ │ │ ├─ iconfont.css</p> <p>│ │ │ ├─ mixins.styl</p> <p>│ │ │ ├─ reset.css</p> <p>│ │ │ └─ varibles.styl</p> <p>│ │ └─ Thumbs.db</p> <p>│ ├─ common</p> <p>│ │ ├─ fade</p> <p>│ │ │ └─ FadeAnimation.vue</p> <p>│ │ └─ gallary</p> <p>│ │ └─ Gallary.vue</p> <p>│ ├─ main.js</p> <p>│ ├─ pages</p> <p>│ │ ├─ city</p> <p>│ │ │ ├─ City.vue</p> <p>│ │ │ └─ components</p> <p>│ │ │ ├─ Alphabet.vue</p> <p>│ │ │ ├─ Header.vue</p> <p>│ │ │ ├─ List.vue</p> <p>│ │ │ └─ Search.vue</p> <p>│ │ ├─ detail</p> <p>│ │ │ ├─ components</p> <p>│ │ │ │ ├─ Banner.vue</p> <p>│ │ │ │ ├─ Header.vue</p> <p>│ │ │ │ └─ List.vue</p> <p>│ │ │ └─ Detail.vue</p> <p>│ │ ├─ footer</p> <p>│ │ │ ├─ Ftabbar.vue</p> <p>│ │ │ ├─ interesting.vue</p> <p>│ │ │ ├─ market.vue</p> <p>│ │ │ ├─ message.vue</p> <p>│ │ │ ├─ succesIn.vue</p> <p>│ │ │ └─ user.vue</p> <p>│ │ └─ home</p> <p>│ │ ├─ components</p> <p>│ │ │ ├─ Header.vue</p> <p>│ │ │ ├─ Icons.vue</p> <p>│ │ │ ├─ Recommend.vue</p> <p>│ │ │ ├─ Swiper.vue</p> <p>│ │ │ └─ Weekend.vue</p> <p>│ │ └─ Home.vue</p> <p>│ ├─ router</p> <p>│ │ └─ index.js</p> <p>│ └─ store</p> <p>│ └─ index.js</p> <p>├─ static</p> <p>│ ├─ .gitkeep</p> <p>│ ├─ logo</p> <p>│ │ └─ blackhorse.png</p> <p>│ └─ mock</p> <p>│ ├─ city.json</p> <p>│ ├─ detail.json</p> <p>│ └─ index.json</p> <p>└─ vue.config.js</p> <p>```</p> <h4 id="项目展示"><a href="#项目展示" class="header-anchor">#</a> 项目展示：</h4> <p><img src="/img/%E5%A5%94%E9%A9%AC%E4%B8%BB%E9%A1%B5.png" alt=""> <img src="/img/%E5%A5%94%E9%A9%AC%E4%B8%BB%E9%A1%B52.png" alt=""> <img src="/img/%E5%A5%94%E9%A9%AC%E9%9B%86%E5%B8%82%E4%B8%BB%E9%A1%B5.png" alt=""> <img src="/img/%E5%A5%94%E9%A9%AC%E5%85%B4%E8%B6%A3%E7%A4%BE%E5%8C%BA.png" alt=""> <img src="/img/%E5%A5%94%E9%A9%AC%E6%B6%88%E6%81%AF%E5%88%97%E8%A1%A8.png" alt=""> <img src="/img/%E5%A5%94%E9%A9%AC%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2.png" alt=""> <img src="/img/%E5%A5%94%E9%A9%AC%E6%88%91%E7%9A%84%E4%B8%BB%E9%A1%B5.png" alt=""> <img src="/img/%E5%A5%94%E9%A9%AC%E6%99%AF%E5%8C%BA%E8%AF%A6%E6%83%85.png" alt=""> <img src="/img/%E5%A5%94%E9%A9%AC%E6%99%AF%E5%8C%BA%E9%A2%84%E8%A7%88.png" alt=""></p> <h4 id="安装教程"><a href="#安装教程" class="header-anchor">#</a> 安装教程</h4> <ol><li>git clone</li> <li>npm install</li> <li>npm run dev</li></ol> <h4 id="参与贡献"><a href="#参与贡献" class="header-anchor">#</a> 参与贡献：</h4> <p>本项目部分参考了 WeaponC 的模仿旅游 APP 开发，在这里特别感谢他和他做的项目</p> <p>项目地址：<a href="https://gitee.com/weapongit/Travel" target="_blank" rel="noopener noreferrer">模仿旅游 APP 开发: 通过 APP 开发项目实战来提升自己对 Vue 和 JS 的理解与应用 (gitee.com)<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/./baodian/interview/notes/网易云音乐仿写移动web.html" class="prev">
        网易云音乐仿写
      </a></span> <span class="next"><a href="/./baodian/interview/notes/商城uni-app.html">
        商城项目：uni-app
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"><!----><div class="reco-bgm-panel" data-v-b1d3339e><audio id="bgm" src="https://www.ytmp3.cn/down/75475.mp3" data-v-b1d3339e></audio> <div class="reco-float-box" style="bottom:30px;z-index:999999;display:none;" data-v-b1d3339e data-v-41bcba48 data-v-b1d3339e><img src="https://p1.music.126.net/qTSIZ27qiFvRoKj-P30BiA==/109951165895951287.jpg?param=200y200" data-v-b1d3339e></div> <div class="reco-bgm-box" style="left:10px;bottom:10px;z-index:999999;" data-v-b1d3339e data-v-41bcba48 data-v-b1d3339e><div class="reco-bgm-cover" style="background-image:url(https://p1.music.126.net/qTSIZ27qiFvRoKj-P30BiA==/109951165895951287.jpg?param=200y200);" data-v-b1d3339e><div class="mini-operation" style="display:none;" data-v-b1d3339e><i class="reco-bgm reco-bgm-pause" style="display:none;" data-v-b1d3339e></i> <i class="reco-bgm reco-bgm-play" style="display:none;" data-v-b1d3339e></i></div> <div class="falut-message" style="display:none;" data-v-b1d3339e>
          播放失败
        </div></div> <div class="reco-bgm-info" data-v-b1d3339e data-v-41bcba48 data-v-b1d3339e><div class="info-box" data-v-b1d3339e><i class="reco-bgm reco-bgm-music music" data-v-b1d3339e></i>花花公子</div> <div class="info-box" data-v-b1d3339e><i class="reco-bgm reco-bgm-artist" data-v-b1d3339e></i>马思唯/step.jad</div> <div class="reco-bgm-progress" data-v-b1d3339e><div class="progress-bar" data-v-b1d3339e><div class="bar" data-v-b1d3339e></div></div></div> <div class="reco-bgm-operation" data-v-b1d3339e><i class="reco-bgm reco-bgm-last last" data-v-b1d3339e></i> <i class="reco-bgm reco-bgm-pause pause" style="display:none;" data-v-b1d3339e></i> <i class="reco-bgm reco-bgm-play play" data-v-b1d3339e></i> <i class="reco-bgm reco-bgm-next next" data-v-b1d3339e></i> <i class="reco-bgm reco-bgm-volume1 volume" data-v-b1d3339e></i> <i class="reco-bgm reco-bgm-mute mute" style="display:none;" data-v-b1d3339e></i> <div class="volume-bar" data-v-b1d3339e><div class="bar" data-v-b1d3339e></div></div></div></div> <div class="reco-bgm-left-box" data-v-b1d3339e data-v-41bcba48 data-v-b1d3339e><i class="reco-bgm reco-bgm-left" data-v-b1d3339e></i></div></div></div></div></div>
    <script src="./assets/js/app.7878252f.js" defer></script><script src="./assets/js/2.877879cc.js" defer></script><script src="./assets/js/10.a489e96f.js" defer></script>
  </body>
</html>
